@charset "utf-8";
/* CSS Document */


/*名称*/
.tits{text-align:center;margin-bottom:4%;}
.tits h1{font-size:45px;letter-spacing:1px;}
.tits p{color:#8a8a8a;margin-top:1%;}

@media screen and (max-width:1440px) {
.tits h1{font-size:40px;}
}

@media screen and (max-width:1200px) {
.tits h1{font-size:35px;}
}
@media screen and (max-width:1024px) {
.tits h1{font-size:30px;}
}

@media screen and (max-width:780px) {
.tits h1{font-size:25px;}
}

@media screen and (max-width:500px) {
.tits h1{font-size:20px;}
}


/*焦点图*/
.indexbanner{position:relative;    padding-top: 5.5em;}
.indexbanner .swiper-pagination-bullet{ text-align:left;opacity:1; font-family:Arial, Helvetica, sans-serif;width:2em; height:2em; background:none;border-radius:0; color:#fff; position:relative; margin:0 5px;}
.indexbanner .swiper-pagination-bullet:after{content:''; position:absolute; left:0; width:100%; bottom:0; height:2px; background-color:#fff;}
.indexbanner .swiper-pagination-bullet:before{ z-index:888;content:''; position:absolute; left:0; width:0%; bottom:0; height:2px; background-color:#0183dc;opacity:1;}
.indexbanner .swiper-pagination-bullet-active:before{width:100%; transition: width 7s ease-out 0s;}
.indexbanner .swiper-pagination-bullet i{font-style:normal; opacity:0;}
.indexbanner .swiper-pagination-bullet-active i{opacity:0}
.indexbanner .swiper-pagination-index-banner{ position:static; margin:0 auto; width:auto; max-width:75em; padding:0 1em;text-align:center;}
.banner_footer{position:absolute;right:0; bottom:5%;left:0;text-align:center; width:100%; z-index:10;}

.mask { height: 100%; position: absolute;width:100%; z-index: 4;top: 0%; left: 0; background: url(../images/mask.png) center;}
.indexbanner .ban{  position: absolute;width:100%; z-index: 6;top:34%;left: 0;text-align:center;}
.pcbannerimg2{display:none;}

@media screen and (max-width: 1140px) {
.indexbanner{padding-top:5em}
.indexbanner .ban{width:85%;left: 5%;right: 5%;}
}
@media screen and (max-width: 750px) {
.indexbanner .swiper-pagination-bullet:after , .indexbanner .swiper-pagination-bullet:before{    height: 1px;}
.indexbanner .ban{width:75%;left: 12.5%;right: 12.5%;}
.pcbannerimg2{display:block;}
.video{display:none !important;}

}

/*公司简介*/

.index01{background:#fbfbfb;width:100%;overflow:hidden; position: relative; z-index: 20;}
.about1{margin:4% 0;overflow:hidden;}
.about1 .con {text-align:center;margin-bottom:3%;}
.about1 .con p{line-height:30px;letter-spacing:1px;}
.about1 .more{text-align:center}
.about1 .more img{display:inline-block;-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s;-moz-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;}
.about1 .more a:hover img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;transform: translateY(-10px);-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-o-transform: translateY(-10px);}

.about2{width:100%;overflow:hidden;}
.about2 .ab_2{width:85%;float:right}
.about2 li{width: 21.5%;float:left;margin-left: 0.5%;}
.about2 li a{display:block;position:relative;}
.about2 li a:before{position:absolute;content:"";top:0;width:100%;height:100%;background:url(../images/index04.png);left:0;transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
.about2 li a.a1:hover:before{transform:scale(0,0);-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0)}
.about2 li:nth-child(2) a:before{background:url(../images/index13.png);}
.about2 li .ab_t{position:absolute;height:100%;width:100%;text-align:center;top: 0;left: 0;}
.about2 li .ab_des{position:relative;}
.about2 li .ab_des .ab_tp{position:absolute;top:0;left:0;width:100%;text-align:center}
.about2 li .ab_tit h4{color:#fff;font-size:18px;margin:2% 0;}
.about2 li .ab_tit p{color:#dfe7f1;font-size:14px;}
.about2 li .ab_tit .p2{transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s;-moz-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;}
.about2 li a:hover .ab_tit .p2{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);}
.about2 li .ab_p {overflow:hidden;}
.about2 li .ab_p img{width:100%;}
.about2 li:nth-child(4){width: 33%;}
.about2 li:last-child{display:none}

.about2 .contact{position:absolute;height:100%;top:0;left:3em;}
.about2 .contact .c1 p{color:#f1f1f1;margin-bottom:4%;}
.about2 .contact .c1 h1{color:#fff;font-family:"1";font-size:32px;font-weight:normal;background:url(../images/index12.png) no-repeat left center;text-indent:1em;}
.about2 .contact .c2{margin-top:10%;}
.about2 .contact .c2 .wx , .about2 .contact .c2 .wx2{display:inline-block;text-align:center; margin-right: 10px;}
.about2 .contact .c2 p{color:#f1f1f1;font-size:14px;margin-top:5%;}

.about3{width:100%;overflow:hidden;background:url(../images/bg1.jpg) no-repeat top center;background-size:cover;padding:5% 0;}
.about3 li{width:33.33%;float:left;text-align:center}
.about3 li .top h2{font-size:80px;font-family:"1";color:#09418e;}
.about3 li .t1 h2{color:#323232}
.about3 li p{font-size:18px;margin-top:3%;color:#444444;}



@media screen and (max-width:1440px) {

.about2 .contact .c1 h1{ font-size: 28px;}
.about2 .contact .c2 img{width:110px;height:110px;}
.about2 li .ab_des .ab_tp img{width:120px;height:120px;}
.about3 li .top h2{font-size:70px;}
}

@media screen and (max-width:1200px) {
.about2 .ab_2 {width: 92%;}
.about2 .contact .c1 h1{ font-size: 24px;}
.about2 .contact .c2 img{width:90px;height:90px;}
.about2 li .ab_des .ab_tp img{width:100px;height:100px;}
.about3 li .top h2{font-size:60px;}
}


@media screen and (max-width:1024px) {
.about2 .ab_2 {width: 100%;}
.about2 li .ab_tit h4 , .about3 li p{font-size:16px;}
.about3 li .top h2{font-size:50px;}
.about2 .contact .c1 h1{ font-size: 20px;text-indent: 1.5em;}
.about2 .contact {left:1em}
.about2 .contact .c2 img{width:80px;height:80px;}
}


@media screen and (max-width:780px) {
.about2 li{width: 49.5%;margin-bottom:0.5%;}
.about2 li:nth-child(4){display:none}
.about2 li:last-child{display:block}
.about3 li .top h2{font-size:40px;}
.about3 li p{font-size:14px;}

}


@media screen and (max-width:500px) {

.about2 li .ab_tit p{font-size:12px;}
.about2 li .ab_des .ab_tp img{width:80px;height:80px;}
.about3 li .top h2{font-size:30px;}
.about3 li p{font-size:12px;}
}

/*产品中心*/
.index02{width:100%;overflow:hidden;position: relative; z-index: 20;background:#fff}
.index02 .pro_b{position:absolute;left:0;bottom:0;z-index: 33;}
.product .pcbannerimg img{visibility: visible; -webkit-animation:scale-bg 7s linear forwards;animation:scale-bg 7s linear forwards;width:100%;}


.product .pro_img{display:none; background-position: center;background-repeat: no-repeat; background-size: cover;background-repeat: no-repeat;height:55vh;visibility: visible; -webkit-animation:scale-bg 7s linear forwards;animation:scale-bg 7s linear forwards;}

@-webkit-keyframes scale-bg{
	from{
		-webkit-transform:scale(1.1);
		transform:scale(1.1);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
@keyframes scale-bg{
	from{
		-webkit-transform:scale(1.1);
		transform:scale(1.1);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}

.product .banner_mid{ color:#fff;position:absolute;width:100%; z-index:100; top: 0;height: 100%;left:0}
.product .banner_mid_1 h3{font-size:30px;margin-bottom:2%;color:#fff;}
.product .banner_mid_1 p{width:50%;color:#fff;line-height:2em;}
.product .banner_mid_2{margin: 5% auto 0 auto;}
.product .mores{text-align:left;}
.product .mores a{background:#fff;border:none}

.product .mores a span{color:#000;}

@media screen and (max-width:1320px) {
.product .banner_mid_2 {margin: 4% auto 0 auto;}
.product .banner_mid_1 p{width:70%;}
.product .banner_mid_1 h3{font-size:28px;}

}
@media screen and (max-width:1024px) {

.product .banner_mid_1 p{width:100%;line-height:1.6em;}
.product .banner_mid_1 h3{font-size:22px;}
.product .banner_mid_2 { margin: 2% auto 0 auto;}
}

@media screen and (max-width:800px) {
.product .pcbannerimg{display:none;}
.product .pro_img{display:block}
.product .banner_mid_2 {margin: 4% auto 0 auto;}
}
@media screen and (max-width:500px) {


}
/*新闻资讯*/

.index03{width:100%;overflow:hidden;padding:6% 0; position: relative; z-index: 20;background:#fff}
.index03 .new_c{overflow:hidden;margin-top:5%;}
.new_c .left , .new_c .right{width:48%}
.new_c .left a{display:block;background:#f0f6fc url(../images/index16.png) no-repeat right bottom;}
.new_c .left .pic{overflow:hidden;}
.new_c .left .pic img{transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s;-moz-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;}
.new_c .left a:hover .pic img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);}
.new_c .left .des{padding:5%;overflow:hidden;}
.new_c .des h1{font-size:18px;    overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.new_c .des h1 b{color:#09418e;}
.new_c .des p{margin:2% 0;line-height:26px;font-size:14px;color:#666565;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.new_c .des  span{display:inline-block;margin-right:3%;text-indent:1.5em;font-size:14px;color:#666565;}
.new_c .des .s1{background:url(../images/index15.png) no-repeat left center}
.new_c .des .s2{background:url(../images/index14.png) no-repeat left center}
.new_c  a:hover .des h1{color:#09418e}
.new_c .right li{border-top:1px solid #dcdcdc;}
.new_c .right li:last-child{border-bottom:1px solid #dcdcdc;}
.new_c .right li a{display:block;margin:5% 0;}

@media screen and (max-width:1440px) {
.new_c .right li a{margin:4% 0;}

}
@media screen and (max-width:1200px) {
.new_c .right li a{margin:3% 0;}
}
@media screen and (max-width:1024px) {
.new_c .des p{line-height:24px}
.new_c .des h1{font-size:16px;}
}

@media screen and (max-width:880px) {
.new_c .left , .new_c .right{width:100%}
}





/*厂房设备*/

.index04{width:100%;overflow:hidden;padding:6% 0;background:#fff url(../images/bg2.jpg) no-repeat top center;background-attachment: fixed;background-size:cover;position: relative; z-index: 20;}
.index04 .tits h1{color:#fff;}
.index04 .tits p{color:#eaeaea}
.plant_c .swiper-slide { width: 900px;text-align: center;}
.plant_c .swiper-slide.swiper-slide-active a:after {height:0}
.plant_c .swiper-slide a {display:block;width:100%;height:100%;}
.plant_c .swiper-slide a:after{position:absolute;width:100%;height:100%;background:url(../images/index13.png);content:"";top:0;left:0;transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s;-moz-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;}
.plant_c .swiper-button-prev , .plant_c .swiper-button-next{width:73px;height:73px;position:absolute;cursor: pointer;top:45%;}
.plant_c .swiper-button-prev{background: url(../images/index17.png) left center no-repeat; left:22%;}
.plant_c .swiper-button-next{background: url(../images/index18.png) right center no-repeat; right: 22%;}

.plant_c a .ti{width:40%;background:rgb(255,255,255,.9);padding:2%;margin:0 auto;position:absolute;bottom: 40%;opacity: 0;-webkit-opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0);left:0;transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s;-moz-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;}
.plant_c .swiper-slide.swiper-slide-active a .ti{bottom:0;opacity: 1;-webkit-opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100);}

.mores{text-align:center;margin-top:5%;}
.mores a{display:inline-block;padding:0.7% 2.5%;border:1px solid #fff;}
.mores span{color:#fff;display:inline-block;transform:translateX(-15px);-webkit-transform:translateX(-15px);-moz-transform:translateX(-15px);-o-transform:translateX(-15px);transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s;-moz-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;}
.mores img{display:inline-block;transform:translateX(15px);-webkit-transform:translateX(15px);-moz-transform:translateX(15px);-o-transform:translateX(15px);transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s;-moz-transition: all 0.8s ease 0s;-o-transition: all 0.8s ease 0s;}
.mores a:hover span{transform:translateX(-5px);-webkit-transform:translateX(-5px);-moz-transform:translateX(-5px);-o-transform:translateX(-5px);}
.mores a:hover img{transform:translateX(5px);webkit-transform:translateX(5px);-moz-transform:translateX(5px);-o-transform:translateX(5px);}





@media screen and (max-width:1600px) {

.plant_c .swiper-button-prev{left:15%;}
.plant_c .swiper-button-next{right: 15%;}

}

@media screen and (max-width:1440px) {

.plant_c .swiper-slide { width: 880px;}
}

@media screen and (max-width:1320px) {

.plant_c .swiper-slide { width: 780px;}
}

@media screen and (max-width:1200px) {

.plant_c .swiper-slide { width: 680px;}
.plant_c .swiper-button-prev, .plant_c .swiper-button-next{background-size:80%;}
}
@media screen and (max-width:1024px) {
.plant_c .swiper-button-prev{left:0;}
.plant_c .swiper-button-next{right:0;}
.plant_c .swiper-slide { width: 580px;}

}
@media screen and (max-width:880px) {
.mores a{padding:1.2% 5%;}
.plant_c .swiper-slide { width: 480px;}

}
@media screen and (max-width:680px) {
.plant_c a .ti{width:100%;}
.plant_c .swiper-slide { width: 380px;}
.plant_c .swiper-button-prev, .plant_c .swiper-button-next{background-size:60%;}
}
@media screen and (max-width:550px) {
.mores a{padding:1.2% 6%;}
.plant_c .swiper-slide { width: 280px;}
.plant_c .swiper-button-prev, .plant_c .swiper-button-next{background-size:40%;}
}
@media screen and (max-width:450px) {
.plant_c a .ti{display:none}
.plant_c .swiper-slide { width: 220px;}

}